<template>
	<view class="container">
		<view class="content">
			<view class="message" id="name">
				<span>关于我们</span>
				<image src="../../static/image/right.png"></image>
			</view>
			<view class="message" id="sex">
				<span>版本号</span>
				<image src="../../static/image/right.png"></image>
			</view>
			<view class="message" id="phone">
				<span>修改密码</span>
				<image src="../../static/image/right.png"></image>
			</view>
		</view>
		<view class="btn">
			<span class="btn-text">保存</span>
		</view>
	</view>
</template>

<script>
	export default{
		// onLoad() {
		// 	uni.getLocation({
		// 	    // type: 'wgs84',
		// 	    success: function (res) {
		// 	     console.log('当前位置的经度：' + res.longitude);
		// 	     console.log('当前位置的纬度：' + res.latitude);
		// 	    }
		// 	   });
		// }
	}
</script>

<style>
	#{
		margin: 0;
		padding: 0;
	}
	.container{
		width: 100%;
		height: 100%;
		background-color: #F5F5F5;
		position: absolute;
	}
	.content{
		margin: 12rpx 0 31rpx 0;
	}
	#photo-text{
		line-height: 150rpx;
	}
	.content span{
		font-size: 28rpx;
		font-weight: 500;
		color: #343434;
		margin-left: 40rpx;
		line-height: 106rpx;
	}
	.message image{
		width: 30rpx;
		height: 35rpx;
		position: absolute;
		top: 40rpx;
		right: 40rpx;
	}
	.message{
		height: 106rpx;
		display: flex;
		margin-bottom: 2rpx;
		background: #FFFFFF;
		position: relative;
	}
	.btn{
		width: 654rpx;
		height: 86rpx;
		margin: 178rpx auto;
		text-align: center;
		background-image: url(../../static/image/person-img.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.btn-text{
		font-size: 30rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 86rpx;
	}
</style>
